/* 婧愮編缃戠粶 www.szymweb.com */::-webkit-scrollbar-track-piece { width:5px; background-color:#ddd; } ::-webkit-scrollbar { width:5px; background-color:#2e1a46; } ::-webkit-scrollbar-thumb { width:5px; background-color:#2e1a46; } ::-webkit-scrollbar-thumb:hover { width:5px; background-color:#2e1a46; } ::selection{background: #2e1a46; color: white; /* Safari */} ::-moz-selection{background: #2e1a46; color: white; /* Firefox */ } @font-face { font-family:'MiSansNormal'; src: url('../font/MiSansNormal.otf') format('otf'), url('../font/MiSansNormal.ttf') format('ttf'), url('../font/MiSansNormal.woff') format('woff'), url('../font/MiSansNormal.woff2') format('woff2'); } html{overflow-y:scroll; overflow-x:hidden; -webkit-text-size-adjust:none; _background-image:url(about:blank); _background-attachment:fixed; height:100%;} body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td { margin: 0px; padding: 0px; font-weight: normal; } body, button, input, select, textarea, h1, h2, h3, h4, div, h5, h6, i, p, span, div, li, dl, dd, ul, i { color:#333; font: normal 14px MiSansNormal,Microsoft YaHei,寰蒋闆呴粦,Arial;} body{ height:100%;/*user-select: none;鍙屽嚮/缂╂斁*/} ul, ol, li { list-style:none; } a { text-decoration: none; color:#555; font-size:13px; transition: all .25s ease; blr:expression(this.onFocus=this.blur()); /* IE Opera */} a:hover { color:#2e1a46; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease;} img { border: 0; vertical-align:middle} table { border-collapse: collapse; border-spacing: 0; } .clear { clear: both; } .warp{ width:90%; position:relative; margin:0 auto; padding:0 5%} .left_width{ float:left; width:75%; padding-left:20%;} .left_width2{ float:left; width:80%; padding-left:20%;} /* header */ .header{ width:100%; height:80px;/*background:rgba(255,255,255,0.9); filter:alpha(opacity=95);*/ position:fixed; top:0; z-index:100; padding:15px 0;transition: all 1s ease;} .header .header_h{ height:80px;} .header .header_h .logo{ float:left; margin-right:50px} .header .header_h .logo img{ height:80px;} .header .header_h .langs_l{ float:right; height:25px; line-height:25px; border:1px solid #e6e6e6; border-radius:20px; position:relative; overflow:hidden; margin-top:25px;} .header .header_h .langs_l .searchkey{float:left;width: 100px;height:25px;border:none; background-color: #ffffff; line-height: 25px;color: #999;font-size: 14px;outline: none;transition: width .2s ease-in-out; text-indent:15px;} .header .header_h .langs_l .searchbtn{ position:absolute; right: 10px;top:0; width: 16px;height:25px; background:url(../images/ss_bg.png) right center no-repeat; border:none; text-align:center; font-size: 14px;font-weight: bold;color: #fff; cursor:pointer;outline: none;} .header .header_h .langs_r{ float:right; height:80px; line-height:80px; position:relative; padding-right:15px;} .header .header_h .langs_r h3{ float:left; height:80px; line-height:80px;} .header .header_h .langs_r h3 a{ color:#232323; font-size:18px; font-weight:bold} .header .header_h .langs_r h3 img{ margin-top:-2px; margin-right:3px} .header .header_h .langs_nav{ float:left; height:80px; padding-left:20px;} .header .header_h .langs_nav .mainlevel{ float:left; line-height:80px; position:relative; margin-right:10px} .header .header_h .langs_nav .mainlevel .n_list{ float:left; width:200px; height:40px; line-height:40px; margin:20px 0; text-align:center; font-size:20px; color:#56430e; font-weight:bold; border-radius:20px; position:relative; z-index:1;} .header .header_h .langs_nav .mainlevel .nav_pc{ display:block;} .header .header_h .langs_nav .mainlevel .nav_mo{ display:none;} .header .header_h .langs_nav .mainlevel:hover .n_list{ background:#b59200; color:#e3c85f;} .header .header_h .langs_nav .mainlevel dl {display:none; position:absolute; width:190px; top:40px; padding-top:30px; padding-bottom:20px; left:10px; /*box-shadow: 0 1px 10px #c5c5c5;*/ background:#7e6500; border-radius:0 0 20px 20px; overflow:hidden} .header .header_h .langs_nav .mainlevel dl{ margin-left:-5px} .header .header_h .langs_nav .mainlevel dl dd { float:left; padding:0 5%; width:90%; line-height:50px; z-index:5; position:relative;} .header .header_h .langs_nav .mainlevel dl dd a{ float:left; width:100%;height:50px; line-height:60px; font-size:18px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:bold; color:#af8d00} .header .header_h .langs_nav .mainlevel dl dd:hover{ background:url(../images/mainlevel_dd.png) center bottom no-repeat} .header .header_h .langs_nav .mainlevel dl dd:hover a{ color:#e3c85f;} .header .header_h .langs_nav .mainlevel ul {display:none; position:absolute; width:200px; top:80px; left:10px; box-shadow: 0 1px 10px #c5c5c5;} .header .header_h .langs_nav .mainlevel ul{ margin-left:-68px} .header .header_h .langs_nav .mainlevel ul li { float:left; padding:0 6%; width:88%; line-height:50px; background:#f8f8f8; z-index:5; position:relative; border-bottom:1px solid #eee; text-align:center; font-size:16px; cursor:pointer} .header .header_h .langs_nav .mainlevel ul li:hover{ color:#fff; background:#2e1a46; border-bottom:1px solid #2e1a46;} .nva_animated{} .nva_slideUp{ top:0} .nva_slideDown{ top:-300px;} /* 鍥剧墖鎷栧姩 */ img { user-drag: none; -webkit-user-drag: none; } .theclose{ display:none;} .cl_nav{ display:none;} .theclose{ display:none;} .cl_nav{ display:none;} .mo_logo{ display:none;} #topcontrol{ width:45px; height:45px; position:absolute; z-index:20; background:url(../images/return.png) center no-repeat} /* 鍐呴〉鍒嗗睆瀵艰埅 */ #LoutiNav{ width:220px; height:320px; position: fixed; top:50%; margin-top:-160px; left:30px; overflow:hidden; display: none; background:url(../images/LoutiNav.png) 16px 15px no-repeat; z-index:1;} .development_nva{ height:120px !important; background-size:3px 90px !important; margin-top:-60px !important;} .product_nav{ width:290px !important; height:300px !important; background-size:3px 250px !important; margin-top:-60px !important;} .home_nav{ height:500px !important; background-size:3px 350px !important; margin-top:-200px !important;} #LoutiNav li{ float:left; width:100%; height:35px; line-height:35px; text-align: center; cursor: pointer; margin-bottom:50px; background:url(../images/LoutiNav_li.png) left center no-repeat; background-size:auto 100%; transition: all .8s ease; blr:expression(this.onFocus=this.blur()); position:relative} #LoutiNav span{ float:left; width:100%; text-align:left; height:35px; line-height:35px; text-indent:40px; overflow:hidden; color:#988c7b; transition: all .8s ease; blr:expression(this.onFocus=this.blur()); font-size:20px; text-shadow:#eae3d8 0px 1px 1px;} #LoutiNav .active{ background:url(../images/LoutiNav_active.png) left center no-repeat; background-size:auto 100%;} #LoutiNav .active span{ color:#52430a;} .foot{ overflow:hidden; padding:10px 3%; border-top:1px solid #ddd; background:#fff; position:relative; z-index:1; width:100%;} .foot .foot_l{ float:left; font-size:18px; line-height:40px; color:#232323} .foot .foot_l a{ font-size:18px; line-height:40px; color:#232323} .foot .foot_l a:hover{ color:#2e1a46} .foot .foot_r{ float:right; font-size:18px; line-height:40px; color:#232323} .foot .foot_r a{ font-size:18px; line-height:40px; color:#232323} .foot .foot_r a:hover{ color:#2e1a46} @media screen and (max-width:1440px){ #LoutiNav{ width:220px; height:320px; position: fixed; top:50%; margin-top:-160px; left:20px; overflow:hidden; display: none; background:url(../images/LoutiNav.png) 14px 13px no-repeat; z-index:1;} .development_nva{ height:110px !important; background-size:3px 87px !important; margin-top:-60px !important;} .product_nav{ width:270px !important; height:300px !important; background-size:3px 245px !important; margin-top:-60px !important;} .home_nav{ height:350px !important; background-size:3px 320px !important; margin-top:-160px !important;} #LoutiNav li{ float:left; width:100%; height:30px; line-height:30px; text-align: center; cursor: pointer; margin-bottom:50px; background:url(../images/LoutiNav_li.png) left center no-repeat; background-size:auto 100%; transition: all .8s ease; blr:expression(this.onFocus=this.blur()); position:relative} #LoutiNav span{ float:left; width:100%; text-align:left; height:30px; line-height:30px; text-indent:35px; overflow:hidden; color:#988c7b; transition: all .8s ease; blr:expression(this.onFocus=this.blur()); font-size:18px;} #LoutiNav .active{ background:url(../images/LoutiNav_active.png) left center no-repeat; background-size:auto 100%;} #LoutiNav .active span{ color:#52430a;} } @media screen and (max-width:1366px){ .header{ height:60px; padding:8px 0;} .header .header_h .langs_nav{ height:60px;} .header .header_h .langs_nav .mainlevel{ line-height:60px;} .header .header_h .langs_nav .mainlevel .n_list{ height:55px; font-size:15px;} .header .header_h .logo img{ height:60px;} .header .header_h .logo{ margin-right:30px} .header .header_h .langs_r{ height:60px; line-height:60px;} .header .header_h .langs_r h3{ height:60px; line-height:60px;} .header .header_h .langs_r h3 a{ font-size:15px;} .header .header_h .langs_nav{ float:left; height:60px; padding-left:20px;} .header .header_h .langs_nav .mainlevel{ float:left; line-height:60px; position:relative; margin-right:10px} .header .header_h .langs_nav .mainlevel .n_list{ float:left; width:180px; height:30px; line-height:30px; margin:20px 0; text-align:center; font-size:18px; color:#56430e; font-weight:bold; border-radius:20px; position:relative; z-index:1;} .header .header_h .langs_nav .mainlevel:hover .n_list{ background:#b59200; color:#e3c85f; } .header .header_h .langs_nav .mainlevel dl {display:none; position:absolute; width:170px; top:30px; padding-top:20px; padding-bottom:20px; left:10px;/* box-shadow: 0 1px 10px #c5c5c5;*/ background:#7e6500; border-radius:0 0 20px 20px; overflow:hidden} .header .header_h .langs_nav .mainlevel dl{ margin-left:-5px} .header .header_h .langs_nav .mainlevel dl dd { float:left; padding:0 5%; width:90%; line-height:40px; z-index:5; position:relative;} .header .header_h .langs_nav .mainlevel dl dd a{ float:left; width:100%;height:40px; line-height:50px; font-size:15px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:bold; color:#af8d00} .header .header_h .langs_nav .mainlevel dl dd:hover{ background:url(../images/mainlevel_dd.png) center bottom no-repeat} .header .header_h .langs_nav .mainlevel dl dd:hover a{ color:#e3c85f;} .header .header_h .langs_nav .mainlevel ul {display:none; position:absolute; width:200px; top:80px; left:10px; box-shadow: 0 1px 10px #c5c5c5;} .header .header_h .langs_nav .mainlevel ul{ margin-left:-68px} .header .header_h .langs_nav .mainlevel ul li { float:left; padding:0 6%; width:88%; line-height:50px; background:#f8f8f8; z-index:5; position:relative; border-bottom:1px solid #eee; text-align:center; font-size:16px; cursor:pointer} .header .header_h .langs_nav .mainlevel ul li:hover{ color:#fff; background:#2e1a46; border-bottom:1px solid #2e1a46;} .foot{ overflow:hidden; padding:10px 3%; border-top:1px solid #ccc} .foot .foot_l{ float:left; font-size:16px; line-height:40px; color:#232323} .foot .foot_l a{ font-size:16px; line-height:40px; color:#232323} .foot .foot_l a:hover{ color:#2e1a46} .foot .foot_r{ float:right; font-size:16px; line-height:40px; color:#232323} .foot .foot_r a{ font-size:16px; line-height:40px; color:#232323} .foot .foot_r a:hover{ color:#2e1a46} #LoutiNav{ width:220px; height:320px; position: fixed; top:50%; margin-top:-160px; left:30px; overflow:hidden; display: none; background:url(../images/LoutiNav.png) 11px 15px no-repeat; z-index:1;} .development_nva{ height:80px !important; background-size:3px 58px !important; margin-top:-40px !important;} .product_nav{ width:240px !important; height:200px !important; background-size:3px 160px !important; margin-top:-80px !important;} .home_nav{ height:250px !important; background-size:3px 220px !important; margin-top:-100px !important;} #LoutiNav li{ float:left; width:100%; height:25px; line-height:25px; text-align: center; cursor: pointer; margin-bottom:30px; background:url(../images/LoutiNav_li.png) left center no-repeat; background-size:auto 100%; transition: all .8s ease; blr:expression(this.onFocus=this.blur()); position:relative} #LoutiNav span{ float:left; width:100%; text-align:left; height:25px; line-height:25px; text-indent:28px; overflow:hidden; color:#988c7b; transition: all .8s ease; blr:expression(this.onFocus=this.blur()); font-size:16px;} #LoutiNav .active{ background:url(../images/LoutiNav_active.png) left center no-repeat; background-size:auto 100%;} #LoutiNav .active span{ color:#52430a;} } @media screen and (max-width:1024px){ .header{ padding:10px 2%; width:96%; height:60px; position:fixed} .header .header_h{ height:60px;} .header .logo{ height:60px;} .header .header_h .langs_nav .mainlevel{ margin-right:0;} .header .header_h .langs_nav .mainlevel dl{ position:relative; width:100%;} .header .header_h .langs_nav .mainlevel ul{ position:relative; width:100%;} .header .header_h .logo img{ height:60px;} .header .langs .langs_l{ display:none;} .header .langs .langs_r{ margin-right:40px; height:60px; line-height:60px;} .header .header_h .langs_r h3{ height:60px; line-height:60px;} .cl_nav{ position:absolute; float:right; top:14px; right:20px; display:block; z-index:100; background:url(../images/t_tcimg.png) right center no-repeat; background-size:26px 19px; width:26px; height:28px; margin-top:12px; cursor:pointer;} .langs_wx{ display:none} .langs_l{ display:none;} .langs_r{ margin-right:30px;} .mo_logo{ display:block; float:left; width:100%; padding-bottom:40px;} .mo_logo img{ height:60px;} .allnav_left{position:fixed;height:100% !important;background:#fff;z-index:100;width:60%;padding:0 3%; max-width:320px;left:-500px;top:0; z-index:10} .allnav_left .warp{ margin-top:60px} .allnav_left .mainlevel{ float:left; width:100% !important; height:auto !important; line-height:50px; border:none !important;} .allnav_left .mainlevel .n_list{ height:50px !important; line-height:50px !important; color:#666; border-bottom:1px solid #ddd} .header .header_h .langs_nav .mainlevel dl {display:none; position:relative; width:100%; top:0; left:0; box-shadow:none; margin-left:0; padding-top:0; background:none;} .header .header_h .langs_nav .mainlevel dl dd { float:left; padding:0 5%; width:90%; line-height:50px; background:#f8f8f8; z-index:0; position:relative; border-bottom:1px solid #eee; text-align:center;} .header .header_h .langs_nav .mainlevel .n_list{ width:100%; font-size:16px;border-radius:0; background:none; border-bottom:2px solid #eee; color:#232323; margin:5px 0;} .header .header_h .langs_nav .mainlevel .nav_pc{ display:none;} .header .header_h .langs_nav .mainlevel .nav_mo{ display:block;} .header .header_h .langs_nav .mainlevel:hover .n_list{ color:#b59200 !important; border-bottom:2px solid #b59200; font-size:16px; background:none;} .header .header_h .langs_nav .mainlevel dl dd a{ text-align:center; color:#666; font-size:16px; font-weight:lighter} .header .header_h .langs_nav .mainlevel dl dd{ background:#fff; } .header .header_h .langs_nav .mainlevel dl dd:hover{ background:#fff; border-bottom:1px solid #eee;} .header .header_h .langs_nav .mainlevel dl dd:hover a{ color:#2e1a46;} .header .header_h .langs_nav .mainlevel ul {display:none; position:relative; width:100%; top:0; left:0; box-shadow:none; margin-left:0} .header .header_h .langs_nav .mainlevel ul li { float:left; padding:0 5%; width:90%; line-height:50px; background:#f8f8f8; z-index:0; position:relative; border-bottom:1px solid #eee; text-align:left;} .header .header_h .langs_nav .mainlevel ul li{ background:#fff; color:#666; font-size:15px} .header .header_h .langs_nav .mainlevel ul li:hover{ background:#fff; border-bottom:1px solid #eee; color:#2e1a46} .header .header_h .langs_nav .mainlevel.lsit_ico .zp_jobName{ background:url(../images/zp_jobName.png) center right no-repeat; background-size:12px auto} .header .header_h .langs_nav .mainlevel.lsit_ico.zp_cur .zp_jobName{ background:url(../images/zp_cur.png) center right no-repeat; background-size:12px auto} .langs_nav{ padding-top:10px;} .theclose{overflow:hidden; display:block; position:absolute; right:0; top:0; width:20px; height:20px; padding:15px; background:url(../images/theclose.png) center no-repeat; background-size:20px; text-align:center; cursor:pointer;} .bk_gray{background:#000;opacity:0.5;filter:alpha(opacity=50);position:fixed;width:100%;height:100%;z-index:5;display:none;top:0; left:0} .left_width{ float:left; width:96% !important; padding:0 2% !important;} .left_width2{ float:left; width:96% !important; padding:0 2% !important;} /* 鍐呴〉鍒嗗睆瀵艰埅 */ #LoutiNav{ display:none !important;} .foot{ overflow:hidden; padding:10px 3%; border-top:1px solid #ccc;} .foot .foot_l{ float:left; width:100%; font-size:16px; line-height:40px; color:#232323; text-align:center;} .foot .foot_l a{ font-size:16px; line-height:40px; color:#232323} .foot .foot_l a:hover{ color:#2e1a46} .foot .foot_r{ float:right; width:100%; font-size:16px; line-height:40px; color:#232323; text-align:center;} .foot .foot_r a{ font-size:16px; line-height:40px; color:#232323} .foot .foot_r a:hover{ color:#2e1a46} } @media all and (max-width:767px){ /*@media all and (max-width:768px), only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px), only screen and (min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min-resolution:192dpi) and (max-width:1024px), only screen and (min-resolution:2dppx) and (max-width:1024px){*/ .header{ padding:10px 2%; width:96%; height:60px; position:fixed} .header .header_h{ height:60px;} .header .logo{ height:60px;} .header .header_h .langs_nav .mainlevel{ margin-right:0;} .header .header_h .langs_nav .mainlevel dl{ position:relative; width:100%;} .header .header_h .langs_nav .mainlevel ul{ position:relative; width:100%;} .header .header_h .logo img{ height:60px;} .header .langs .langs_l{ display:none;} .header .langs .langs_r{ margin-right:40px; height:60px; line-height:60px;} .header .header_h .langs_r h3{ height:60px; line-height:60px;} .cl_nav{ position:absolute; float:right; top:14px; right:20px; display:block; z-index:100; background:url(../images/t_tcimg.png) right center no-repeat; background-size:26px 19px; width:26px; height:28px; margin-top:12px; cursor:pointer;} .langs_wx{ display:none} .langs_l{ display:none;} .langs_r{ margin-right:30px;} .mo_logo{ display:block; float:left; width:100%; padding-bottom:40px;} .mo_logo img{ height:60px;} .allnav_left{position:fixed;height:100% !important;background:#fff;z-index:100;width:60%;padding:0 3%; max-width:320px;left:-500px;top:0; z-index:10} .allnav_left .warp{ margin-top:60px} .allnav_left .mainlevel{ float:left; width:100% !important; height:auto !important; line-height:50px; border:none !important;} .allnav_left .mainlevel .n_list{ height:50px !important; line-height:50px !important; color:#666; border-bottom:1px solid #ddd} .header .header_h .langs_nav .mainlevel dl {display:none; position:relative; width:100%; top:0; left:0; box-shadow:none; margin-left:0; padding-top:0; background:none;} .header .header_h .langs_nav .mainlevel dl dd { float:left; padding:0 5%; width:90%; line-height:50px; background:#f8f8f8; z-index:0; position:relative; border-bottom:1px solid #eee; text-align:center;} .header .header_h .langs_nav .mainlevel .n_list{ width:100%; font-size:16px;border-radius:0; background:none; border-bottom:2px solid #eee; color:#232323; margin:5px 0} .header .header_h .langs_nav .mainlevel .nav_pc{ display:none;} .header .header_h .langs_nav .mainlevel .nav_mo{ display:block;} .header .header_h .langs_nav .mainlevel:hover .n_list{ color:#b59200 !important; border-bottom:2px solid #b59200; font-size:16px; background:none;} .header .header_h .langs_nav .mainlevel dl dd a{ text-align:center; color:#666; font-size:16px; font-weight:lighter} .header .header_h .langs_nav .mainlevel dl dd{ background:#fff; } .header .header_h .langs_nav .mainlevel dl dd:hover{ background:#fff; border-bottom:1px solid #eee;} .header .header_h .langs_nav .mainlevel dl dd:hover a{ color:#2e1a46;} .header .header_h .langs_nav .mainlevel ul {display:none; position:relative; width:100%; top:0; left:0; box-shadow:none; margin-left:0} .header .header_h .langs_nav .mainlevel ul li { float:left; padding:0 5%; width:90%; line-height:50px; background:#f8f8f8; z-index:0; position:relative; border-bottom:1px solid #eee; text-align:left;} .header .header_h .langs_nav .mainlevel ul li{ background:#fff; color:#666; font-size:15px} .header .header_h .langs_nav .mainlevel ul li:hover{ background:#fff; border-bottom:1px solid #eee; color:#2e1a46} .header .header_h .langs_nav .mainlevel.lsit_ico .zp_jobName{ background:url(../images/zp_jobName.png) center right no-repeat; background-size:12px auto} .header .header_h .langs_nav .mainlevel.lsit_ico.zp_cur .zp_jobName{ background:url(../images/zp_cur.png) center right no-repeat; background-size:12px auto} .langs_nav{ padding-top:10px;} .theclose{overflow:hidden; display:block; position:absolute; right:0; top:0; width:20px; height:20px; padding:15px; background:url(../images/theclose.png) center no-repeat; background-size:20px; text-align:center; cursor:pointer;} .bk_gray{background:#000;opacity:0.5;filter:alpha(opacity=50);position:fixed;width:100%;height:100%;z-index:5;display:none;top:0; left:0} .left_width{ float:left; width:96% !important; padding:0 2% !important;} .left_width2{ float:left; width:96% !important; padding:0 2% !important;} /* 鍐呴〉鍒嗗睆瀵艰埅 */ #LoutiNav{ display:none !important;} .foot{ overflow:hidden; padding:20px 3%; border-top:1px solid #ccc} .foot .foot_l{ float:left; width:100%; font-size:15px; line-height:26px; color:#232323; text-align:center;} .foot .foot_l a{ font-size:15px; line-height:26px; color:#232323} .foot .foot_l a:hover{ color:#2e1a46} .foot .foot_r{ float:right; width:100%; font-size:15px; line-height:26px; color:#232323; text-align:center;} .foot .foot_r a{ font-size:15px; line-height:26px; color:#232323} .foot .foot_r a:hover{ color:#2e1a46} }